import React from 'react'
import { View, Text, TextInput, StyleSheet, TextStyle, ViewStyle } from 'react-native'
import InfoLayout from './InfoLayout'
import RadiusButton from './RadiusButton'
import { commonStyle, translateSize, themeColors } from 'styles'
import { InputNumber, Division } from 'components'

export interface SettingMoneyProps {
	style?: ViewStyle
}

const SettingMoney: React.FC<SettingMoneyProps> = props => {
	const renderSettingButton = () => {
		return (
			<RadiusButton style={{ ...commonStyle.ringButton, ...styles.button }} onPress={() => { }}>
				<Text style={styles.setting}>设置金额</Text>
			</RadiusButton>
		)
	}
	return (
		<View style={[commonStyle.containerColumn, props.style]}>
			<InfoLayout
				title="本次收款金额："
				content=""
				hideDivier={true}
			// contentView={renderSettingButton()}
			/>
		</View>
	)
}

interface SettingMoneyStyle {
	button: ViewStyle
	setting: TextStyle
}

const styles = StyleSheet.create<SettingMoneyStyle>({
	button: {
		flex: -1,
		width: translateSize(130),
	},
	setting: {
		color: themeColors.primary,
		fontSize: translateSize(22),
	},
})

export default SettingMoney
